page {
  --sar-input-padding-y: 5px;
  --sar-input-padding-borderless-y: 6px;
  --sar-input-padding-x: 12px;
  --sar-input-border-radius: var(--sar-rounded);
  --sar-input-border-color: var(--sar-border-color);
  --sar-input-transition-duration: var(--sar-duration);

  --sar-input-focused-border-color: var(--sar-primary);

  --sar-input-control-font-size: var(--sar-text-base);
  --sar-input-control-input-height: 24px;
  --sar-input-control-line-height: var(--sar-leading-normal);
  --sar-input-control-textarea-height: 84px;

  --sar-input-placeholder-color: var(--sar-quaternary-color);

  --sar-input-prepend-margin-right: 8px;
  --sar-input-append-margin-left: 8px;

  --sar-input-clear-margin-right: calc(var(--sar-input-padding-x) * -1);
  --sar-input-clear-padding-x: 8px;
  --sar-input-clear-font-size: 16px;
  --sar-input-clear-color: var(--sar-quaternary-color);

  --sar-input-count-font-size: var(--sar-text-sm);
  --sar-input-count-line-height: var(--sar-leading-tight);
  --sar-input-count-color: var(--sar-tertiary-color);
}